<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
</head>

<body>
    <video src="images/webm.webm" autoplay="autoplay"></video>
    <!-- 导航栏 -->
    <div class="nav">
        <!-- 左侧导航栏 -->
        <div class="leftsidebar">
            <ul>
                <li>
                    <span></span>
                    <a href="">主站</a>
                </li>
                <li>
                    <a href="">番剧</a>
                </li>
                <li>
                    <a href="">游戏中心</a>
                </li>
                <li>
                    <a href="">直播</a>
                </li>
                <li>
                    <a href="">会员购</a>
                </li>
                <li>
                    <a href="">漫画</a>
                </li>
                <li>
                    <a href="">赛事</a>
                </li>
                <li>
                    <a href="">高考季</a>
                </li>
                <li>
                    <a href="">BML</a>
                </li>
                <li>
                    <span></span>
                    <a href="">下载APP</a>
                </li>
            </ul>
        </div>
        <!-- 中间搜索框 -->
        <div class="search">
            <input type="text" placeholder="要么变大，要么回家">
            <button>搜索</button>
        </div>
        <div class="rightsidebar">
            <ul>
                <li><a href="">登录</a></li>
                <li><a href="">大会员</a></li>
                <li><a href="">消息</a></li>
                <li><a href="">动态</a></li>
                <li><a href="">收藏</a></li>
                <li><a href="">历史</a></li>
                <li><a href="">创作历史</a></li>
                <li><a href="">投稿</a></li>
            </ul>
        </div>
    </div>
    <!-- 分类 -->
    <div class="column w">
        <div class="column-left">
            <ul>
                <li>

                    <span></span>
                    <a href="">首页</a>

                </li>
                <li>
                    <span></span>
                    <a href="">动态</a>
                </li>
                <li>
                    <span></span>
                    <a href="">热门</a>
                </li>
                <li>
                    <span></span>
                    <a href="">频道</a>
                </li>
            </ul>
        </div>
        <div class="column-center">
            <ul>
                <li>
                    <a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">动画</a>
                    <span>999+</span>
                </li>
                <li><a href="">更多</a>

                </li>
            </ul>
        </div>
        <div class="column-right">
            <ul>
                <li>
                    <span></span>
                    <a href="">专栏</a>
                </li>
                <li>
                    <span></span>
                    <a href="">活动</a>
                </li>
                <li>
                    <span></span>
                    <a href="">小黑屋</a>
                </li>
                <li>
                    <span></span>
                    <a href="">直播</a>
                </li>
                <li>
                    <span></span>
                    <a href="">课堂</a>
                </li>
                <li>
                    <span></span>
                    <a href="">音乐PLUS</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 热点推荐 -->
    <div class="hot w">
        <div class="hot-img">
            <img src="images/hot.jpg" alt="">
            <div>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="hot-reload">
            <ul>
                <li>

                    <img src="images/推荐.jpg">
                    <a href="">想了一夜，也不知道自己差在哪儿了</a>
                </li>
                <li><img src="images/推荐1.jpg">
                    <a href="">想了一夜，也不知道自己差在哪儿了</a>
                </li>
                <li><img src="images/推荐.jpg">
                    <a href="">想了一夜，也不知道自己差在哪儿了</a>
                </li>
                <li><img src="images/推荐.jpg">
                    <a href="">想了一夜，也不知道自己差在哪儿了</a>
                </li>
                <li><img src="images/推荐1.jpg">
                    <a href="">想了一夜，也不知道自己差在哪儿了</a>
                </li>
                <li><img src="images/推荐.jpg">
                    <a href="">想了一夜，也不知道自己差在哪儿了</a>
                </li>
                <li><img src="images/推荐2.jpg">
                    <a href="">想了一夜，也不知道自己差在哪儿了</a>
                </li>
                <li><img src="images/推荐.jpg">
                    <a href="">想了一夜，也不知道自己差在哪儿了</a>
                </li>
                <li><img src="images/推荐2.jpg">
                    <a href="">想了一夜，也不知道自己差在哪儿了</a>
                </li>
                <li><img src="images/推荐.jpg">
                    <a href="">想了一夜，也不知道自己差在哪儿了</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="newhot w">
        <div class="newhotLeft">
            <span></span>
            <h2 style="display: inline-block;">推广</h2>
            <span></span>
            我又偷偷学习了！
        </div>
        <div class="newhotright">观看列表</div>
    </div>
    <div class="main w">
        <div class="main-up">
            <ul>
                <li>
                    <img src="images/推荐2.jpg">
                    <span>03:14
                    </span>
                    <p>upupupupupupupupupupupupupupup</p>
                    <div>up</div> <a href="">你好</a>
                </li>
                <li><img src="images/推荐1.jpg">
                    <span>03:14
                    </span>
                    <p>upupupupupupupupupupupupup</p>
                    <div>up</div> <a href="">你好</a>

                </li>
                <li><img src="images/推荐2.jpg">
                    <span>03:14
                    </span>
                    <p>upupupupupupupupupupupupup</p>
                    <div>up</div> <a href="">你好</a>
                </li>
                <li><img src="images/推荐1.jpg">
                    <span>03:14
                    </span>
                    <p>upupupupupupupupupupupupup</p>
                    <div>up</div> <a href="">你好</a>
                </li>
                <li><img src="images/推荐.jpg">
                    <span>03:14
                    </span>
                    <p>upupupupupupupupupupupupup</p>
                    <div>up</div> <a href="">你好</a>
                </li>
                <li><img src="images/推荐2.jpg">
                    <span>03:14
                    </span>
                    <p>upupupupupupupupupupupupup</p>
                    <div>up</div> <a href="">你好</a>
                </li>

            </ul>
        </div>
        <div class="banner">
            <img src="images/图层1.png" alt="">
        </div>
    </div>
    <div class="banner01 w">
        <img src="images/banner01.jpg" alt="">

    </div>
    <div class="live w">
        <div class="live-head">
            <div class="live-head-left">
                <span></span>
                <h2>正在直播</h2>
                <p>当前共有16458个在线直播</p>
            </div>
            <div class="live-head-right">
                <ul>
                    <li>换一换</li>
                    <li>更多></li>
                    <li>直播排行</li>
                    <li>关注的主播</li>
                    <li>为你推荐</li>
                </ul>
            </div>

        </div>
        <div class="live-body">
            <div class="live-body-left">
                <ul>
                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    </li>
                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    </li>
                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    </li>
                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    </li>
                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    </li>
                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    </li>
                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    </li>
                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    </li>
                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    </li>
                    </li>
                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    </li>
                    <li>
                        <img src="images/直播.webp" alt="">
                        <div class="user">
                            <span></span>
                            <div>
                                <h5>使命召唤手游官方</h5>
                                <p>使命召唤大师赛S1</p>
                                <div class="fenlei">使命召唤手游</div>
                            </div>
                        </div>

                    </li>
                    

                </ul>
            </div>
            <div class="live-body-right">
                <img src="images/直播1.webp" alt="">
            </div>
        </div>


    </div>
</body>

</html>